<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Spatial Representations and Algorithms</title>
<link rel="stylesheet" href="OpenLayers-2.11/theme/default/style.css"
	type="text/css">
<!--[if lte IE 6]>
        <link rel="stylesheet" href="OpenLayers-2.11/theme/default/ie6-style.css" type="text/css" />
    <![endif]-->
<link rel="stylesheet" href="css/style.css" type="text/css">

<script src="OpenLayers-2.11/lib/Firebug/firebug.js"></script>
<script src="OpenLayers-2.11/lib/OpenLayers.js"></script>
<!--<script type="text/javascript" src="js/prototype.js"></script>-->
<script type="text/javascript" src="js/geoinformatics.js"></script>
<style type="text/css">
#map {
	width: 696px;
	height: 550px;
	border: 1px solid #ccc;
}

.estilotextarea {
	width: 295px;
	height: 100px;
	border: 2px solid #08088A;
}
</style>
</style>
</head>
<body onload="init()">
	<div id="container" style="width: 1000px">
		<div id="header" style="background-color: #819FF7;">
			<h1 style="margin-bottom: 0;">Spatial Representations and
				Algorithms</h1>
		</div>
		<div id="menu"
			style="background-color: #BDBDBD; height: 550px; width: 300px; float: left;">
			<b>Menu</b> <br> <label for="formatType">Request</label> <br>
			<textarea id="output" class=estilotextarea></textarea>
			<br> <input type="button" value="process request"
				onClick=" processRequest();" /> <br>
			<textarea id="textJson" class=estilotextarea>paste text here...</textarea>
			<input type="button" value="zoom to response"
				onclick="deserializeJsonMap();" /> <input type="button"
				value="delete selected" onclick="deleteFeature();" /> <input
				type="button" value="delete by area" onclick="deleteFeature();" />
			&nbsp; <label for="prettyPrint">Pretty print</label> <input
				id="prettyPrint" type="checkbox" name="prettyPrint" value="1" />

		</div>
		<div id="content" style="height: 550px; width: 700px; float: left;"">
			<div id="map" class="smallmap"></div>
		</div>

		<div id="footer"
			style="background-color: #819FF7; clear: both; text-align: center;">
			Presented by: Andres Mesa ,Alejandro Sanchez,Edilberto Niño</div>
	</div>
</body>
</html>
